<!doctype html>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
<title>MyResume</title>
<link rel="stylesheet" type="text/css" href="sort/css/style.css" />
<link rel="stylesheet" type="text/css" href="sort/css/mystyle.css" />
    <link rel="stylesheet" href="lib/css/animate.min.css"/>
<link rel="stylesheet" href="lib/css/bootstrap.min.css"/>
<script type="text/javascript" src="lib/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="lib/js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="sort/js/myjs.js"></script>

</head>

<body onmousewheel="return false;">



<!--效果html开始-->

<div class="container-fluid" style="padding: 0">

    <!--第一页-->
  <div class="page page0 cur">
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated bounceInDown" data-animation="slideToBottom" data-timing-function="ease-in">
              <img src="img/logo2.png " alt="" class="img-responsive logo "  />
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5">
              <img src="img/1.png" alt="" class="img-responsive center-block ts  animated wobble"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated bounceIn">
              <p style="font-size: 4ch;text-align: center ;color: #fff" >姓名：高流</p>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 yu_1 animated bounceInLeft">
              <img src="img/yun.png" alt="" class="img-responsive center-block yun"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated bounceInRight">
              <img src="img/yuanhu.png" alt="" class="img-responsive center-block"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated bounceInUp">
              <p style="margin: 0 2ch">为API生，为框架死，为debug奋斗一辈子，吃符号亏，上大小写的当，最后死在需求上</p>
          </div>
      </div>

</div>
<!--第二页-->
  <div class="page page1">

      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated flipInX b_2" data-animation="slideToBottom" data-timing-function="ease-in">
              <img src="img/logo3.png" alt="" class="img-responsive logo2" />
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated rollIn b_2">
              <img src="img/2.png" alt="" class="img-responsive center-block ts"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5">
              <p style="font-size: 2ch;text-align: center ;color: #fff" class="animated fadeInUp b_2_1"><b style="color: #4E1F7D">职位</b>：Web前端工程师</p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" class="animated fadeInUp b_2_2"><b style="color: #4E1F7D">籍贯</b>：四川省遂宁市</p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" class="animated fadeInUp b_2_3"><b style="color: #4E1F7D">手机</b>：13698351605</p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" class="animated fadeInUp b_2_4"><b style="color: #4E1F7D">邮箱</b>：gslshkx@163.com</p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" class="animated fadeInUp b_2_5"><b style="color: #4E1F7D">期望薪资</b>：5000~7000元/月</p>
          </div>
      </div>

</div>
<!--第三页-->
  <div class="page page2">
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated flipInX b_3" data-animation="slideToBottom" data-timing-function="ease-in">
              <img src="img/logo4.png" alt="" class="img-responsive logo" />
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated fadeInRight b_3">
              <img src="img/3.png" alt="" class="img-responsive center-block ts1"/>
          </div>
      </div>
          <div class="row">
              <div class="col-md-3 col-md-offset-5 animated fadeInDownBig b_3_1">
                  <div class="jl_left col-xs-6 col-md-6 animated fadeInLeft my_l">
                      <p>2016.08-2016.09</p>
                      <p>《魔塔》游戏</p>
                  </div>
                  <div class="jl_right col-xs-6 col-md-6"></div>
              </div>
          </div>
            <div class="row">
                <div class="col-md-3 col-md-offset-5 animated fadeInRight b_3_2">
                    <div class="jl_right col-xs-6 col-md-6"></div>
                    <div class="jl_right2 col-xs-6 col-md-6 my_r">
                        <p>2016.10-2016.12</p>
                        <p>客户关系管理系统</p>
                    </div>
                </div>
            </div>
          <div class="row">
              <div class="col-md-3 col-md-offset-5 animated fadeInLeft b_3_3">
                  <div class="jl_left col-xs-6 col-md-6 my_l">
                      <p>2017.01-2017.02</p>
                      <p>移动端的开发</p>
                  </div>
                  <div class="jl_right col-xs-6 col-md-6"></div>
              </div>
          </div>
          <div class="row">
              <div class="col-md-3 col-md-offset-5 animated fadeInRight b_3_4">
                  <div class="jl_right col-xs-6 col-md-6 "></div>
                  <div class="jl_right2 col-xs-6 col-md-6 my_r">
                      <p>2017.03-2017.05</p>
                      <p>酒店管理系统</p>
                  </div>
              </div>
          </div>


</div>
<!--第四页-->
  <div class="page page3">

      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated slideInUp b_4" data-animation="slideToBottom" data-timing-function="ease-in">
              <img src="img/logo5.png" alt="" class="img-responsive logo" />
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated rotateInDownRight b_4">
              <img src="img/4.png" alt="" class="img-responsive center-block ts"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated zoomInDown b_4_1">
              <div class="jl_right col-xs-5 col-md-5" style="margin-top: 3ch">
                  <p style="color: #f0f6a7;font-size: 2.2ch;text-align: center">Less</p>
              </div>
              <div class="jl_right2 col-xs-7 col-md-7" style="margin-top: 5ch">
                  <p style="color: #97CCF6;font-size: 3ch">Photoshop</p>
              </div>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated zoomInLeft b_4_2">
              <div class="jl_right2 col-xs-8 col-md-8" style="margin-top: 1ch">
                  <p style="color: #87CD59;font-size: 2.5ch;text-align: right">Bootstrap</p>
              </div>
              <div class="jl_right col-xs-4 col-md-4">
                  <p style="color: #4378dd;font-size: 1.8ch;text-align: right">Nodejs</p>
              </div>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated zoomInUp b_4_3">
              <div class="jl_right2 col-xs-7 col-md-7">
                  <p style="color: #FDD691;font-size: 2.8ch">JQuery</p>
              </div>
              <div class="jl_right col-xs-5 col-md-5">
                  <p style="color: #FDD691;font-size: 2ch">Angularjs</p>
              </div>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5 animated zoomIn b_4_4">
              <div class="jl_right col-xs-5 col-md-5">
                  <p style="color: #97ebff;font-size: 2ch">Mysql</p>
              </div>
              <div class="jl_right2 col-xs-7 col-md-7" style="margin-top: -1ch">
                  <p style="color: #FFFF74;font-size: 3ch">Canvas</p>
              </div>
          </div>
      </div>
</div>
<!--第五页-->
  <div class="page page4">
      <div class="row">
          <div class="col-md-3 col-md-offset-5" data-animation="slideToBottom" data-timing-function="ease-in">
              <img src="img/logo7.png" alt="" class="img-responsive logo" />
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5">
                <img src="img/gl5.jpg" alt="" class="img-responsive center-block ts5"/>
          </div>
      </div>
      <div class="row">
          <div class="col-md-3 col-md-offset-5" style="margin-top: 2ch">
              <p style="font-size: 2ch;text-align: center ;color: #fff" ><b style="color: #000">博客</b>：<a href="http://web.cdqsedu.com/tags/%E9%AB%98%E6%B5%81/"><u>My blgo</u></a></p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" ><b style="color: #000;margin: 0">部分作品</b>：<a href="http://gslshkx.oschina.io/dota2wangye/"><u>dota游戏官网</u></a></p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" ><b style="color: #000;margin: 0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><a href="http://gslshkx.oschina.io/dadishu"><u>打地鼠游戏</u></a></p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" ><b style="color: #000;margin: 0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><a href="http://gslshkx.oschina.io/motaxiaoyouxi"><u>魔塔小游戏</u></a></p>
              <p style="font-size: 2ch;text-align: center ;color: #fff" ><b style="color: #000;margin: 0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><a href="http://gslshkx.oschina.io/chunjingtaiyemian"><u>堆糖页面</u></a></p>
              <p style="font-size: 2ch;text-align: center ;color: #fff;margin:1ch 3ch 3ch" class="animated fadeInUp b_5"><b style="color: #000">自我评价</b>：本人是建筑管理毕业生，虽然一开始专业上没什么优势，但有良好的组织和协调能力;自学能力强，喜欢钻研新技术，敢于面对和克服困难;个性开朗，容易相处，团队荣誉感强；</p>
          </div>
      </div>

</div>

</div>

<!--效果html结束-->
</body>

</html>